
// 定义位置函数，盒子大小函数
@mixin locate($top,$left){
    margin-top:unquote(($top/60)+"em");
    margin-left:unquote((($left - 360+20)/60)+"em");  
}

@mixin size($width,$heigth){
    width: unquote(($width/60)+"em");
    height:unquote(($heigth/60)+"em");
}
// common

.fit-top-common-text1{
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 0.433em;
    }
    color: #333333;
    width: 100%;
    text-align: center;
    margin-top: 1.517em
}
.fit-top-common-text2{
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 0.217em;
    }
    color: #888888;
    width: 100%;
    text-align: center;
    margin-top: 0.217em
}
.fit-top-common-line.p-line {
    width: 0.333em;
    margin: 0 auto;
    .p-line-wrap{
        border-top: 0.05em solid #00d9d5;
    }
}
.fit-team-text1,.fit-news-text1{
    @extend .fit-top-common-text1;
    color: #ffffff;
}
//section1_fit-head
#fit-head{
    background-image:url("https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/Fitness/fitness-15.png");
    background-position: center;
    background-size:cover;
    padding-bottom: 2.083em;
    background-color: #020202
}

#fit-head-logo{
    @include locate(72,364);
    width: 2.5em;
	height: 0.567em;
}

.fit-head-img-text1{
    width: auto;
    font-family: MSReferenceSansSer;
    color: #00d9d5;
    .p-text-wrap{
        font-size: 1.167em;
    }
    margin-top: 6.717em;
    margin-left: 0.333em
}
.fit-head-img-text2{
    width: auto;
    font-family: MSReferenceSansSer;
    color: #00d9d5;
    .p-text-wrap{
        font-size: 1.167em;
    }
    margin-left: 0.333em;
    margin-top: 0.367em
}
.fit-head-img-text3{
    font-family: MicrosoftYaHei;
    color: #fefefe;
    @include size(564,45);
    .p-text-wrap{
        font-size: 0.267em;
    }
    line-height: 0.4em;
    margin-top: 0.63em; 
    margin-left: 0.34em
}

#fit-head-link.p-button{
    width: 2.667em;
	height: 0.833em;
    background-color: #00d9d5;
    border-radius: 0.417em;
    color: #004c4b;
    margin-left:0.34em;
    margin-top: 0.85em;
    .p-button-wrap a{
        font-size: 0.3em;
    }

}
.fit-head-line.p-line {
    width: 1em;
    margin-left:0.34em;
    margin-top: 0.617em;
    .p-line-wrap{
        border-top: 0.067em solid #ffffff;
    }
}
//section2_fit-about
#fit-about{
    background-color:rgba(0,0,0,0.9);
    background-image: url("https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/Fitness/fitness-16.png");
    background-size: 100% 100%; 
    padding-bottom: 1.517em
}
.fit-about-text{
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 0.267em;
    }
    color: #333333;
    width: 100%;
    text-align: center;
    margin-top: 0.25em
}
.fit-about-text3{
    margin-top: 0.5em
}

#fit-about-link.p-button{
    width: 2em;
    height: 0.567em;
    background: transparent;
    border: solid 1px #666666;
    .p-button-wrap a{
        color: #333333;
    }
    margin: 0.65em auto
}
//section3_fit-team
#fit-team{
    background:url("https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/Fitness/fitness-17.png");
    background-size: cover;
    padding-bottom: 3em;
    .margin-team-text {
       margin-top:0.5em;
       .fit-team-box{
           margin-left: 0.3em;
           &:hover{
               background-color: #05d6d6;
           }
           .zero-grid-row{
               margin-top:1em;
               .p-text{
                   color: #ffffff;
                   margin-left: 1em;
               }
           }
       }
    }
}

.fit-team-box{
    width: 6.25em;
	height: 3.033em;
    background-color: #ffffff;
    padding-bottom: 0.9em
}

.fit-team-box-wrap{
    height: 3.033em;
    margin-left: 1.6em;
    margin-top: 0.5em
}
.fit-team-box-wrap-1{
    margin-left: 0.333em
}
.fit-team-box-text{
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 0.233em;
    }
    color: #333333;
    margin: 0.65em auto
}
.fit-team-img{
    width: 1.167em;
    height: 1.167em;
    margin-top: 0.5em
}
.fit-team-text-bottom1{
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 0.3em;
    }
    color: #ffffff;
    margin-top: 0.733em;
    margin-left: 0.267em
}
.fit-team-text-bottom2{
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 0.233em;
    }
    color: #d0d0d0;
    margin-left: 0.267em;
    margin-top: 0.167em
}

.fit-team-text7.fit-team-text-bottom1,.fit-team-text8.fit-team-text-bottom2{
    width: auto;
}
.fit-team-box-in{
    width: 0;
    height: 0;
    border-top: 10px solid #ffffff;
    border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin-left: 0.666em;    
}
.fit-team-box-wrap:hover{
    .fit-team-box-in{
        border-top: 10px solid #05d6d6;
    }
    .fit-team-box{
        background-color: #05d6d6;
    }
}
//section4_fit-course
#fit-course{
    padding-bottom: 1.5em
}
.fit-course-img{
    width: 5.9em;
    height: 7.667em;
    margin-top: 0.5em;
    z-index: 0;
}
.fit-course-img1{
    margin-left: 0.4em;
}
.fit-course-img2,.fit-course-img3{
    margin-left: 0.733em
}
.fit-course-box1{
    background-color: rgba(0, 0, 0, 0.71);
    width: 5.9em;
    height: 1.4em;
    padding-bottom: 0.5em;
    margin-top: -1.4em;
    -webkit-transition-property:margin-top,height;
    -ms-transition-property:margin-top,height;
    -moz-transition-property:margin-top,height;
    -o-transition-property:margin-top,height;
    -webkit-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
}
.fit-course-box2{
    width: 5.9em;  
    // display:none;
    .fit-course-box1-text3{
        width: 5.2em;
        margin: 0.45em auto;
    }
}
.fit-course-box1:hover{
    .fit-course-box2{
        display: block
    }
    margin-top: -2.5em;
    height: 2.5em;
}
.fit-course-box1{
    margin-left: 0.4em;
}
.fit-course-box2-1{
    margin-left: 0.72em
}
.fit-course-box3-1{
    margin-left: 0.74em
}

.fit-course-box1-text1{
    width: auto;
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 16px;
    }
    color: #ffffff;
    margin-left: 0.4em;
    margin-top: 0.483em;
}
.fit-course-box1-text2{
    width: auto;
    .p-text-wrap{
        font-size: 26px
    }
    color: #ffffff;
    margin-top: 0.3em;
}
.fit-course-box1-text2_1{
    margin-left: 3.5em
}
.fit-course-box1-text2_2{
    margin-left: 3.2em
}
.fit-course-box1-text2_3{
    margin-left: 3.6em
}

.fit-course-box1-text3{
    width: 5.6em;
	height: 0.917em;
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 12px;
    }
    color: #ffffff;
    margin-left: 0.267em;
    // margin-top: 0.317em
}




//section5_fit-news
#fit-news{
    background-color: #212121;
    padding-bottom: 1.283em
}

.fit-news-box1{
    margin-top:0.8em
}
.fit-news-box{
    width: 20em;
    padding-bottom: 0.733em;
    border-bottom: 1px solid #3f3f3f;
}
.fit-news-box-img{
	width: 5.35em;
    height: 3.667em;
    margin-top: 0.5em;
    margin-left: 0.35em
}
.fit-news-box-text1{
    width: auto;
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 18px;
    }
	color: #ffffff;
    margin-top: 0.75em;
    margin-left: 0.517em
}
.fit-news-box-text2{
    font-family: Helvetica;
	color: #555555;
    .p-text-wrap{
        font-size: 14px;
    }
    margin-top: 0.2em;
    margin-left: 0.517em
}
.fit-news-box-text3{
    width: 13.05em;
	height: 0.983em;
    font-family: MicrosoftYaHei;
    color: #888888;
    .p-text-wrap{
        font-size: 13px;
    }
    margin-top: 0.45em;
    margin-left: 0.517em
}
.fit-news-box2-text4,.fit-news-box3-text4 {
    margin-top: 0.03em
}
.fit-news-box:hover{
    .fit-news-box-text1{
        color: #333333;
    }
    .fit-news-box-text2{
        color: #888888;
    }
    .fit-news-box-text2{
        color: #666666;
    }
#fit-news-link1,#fit-news-link2,#fit-news-link3{
        background-color: #05d6d6;
        .p-button-wrap a{
            border: solid 1px transparent;
            color: #004c4b;
        }
   
    }
    background-color: #ffffff;
}
#fit-news-link1,#fit-news-link2,#fit-news-link3{
    .p-button-wrap a{
        border: solid 1px #888888;
        font-family: MicrosoftYaHei;
        font-size: 12px;
        color: #888888;
    }     
}
#fit-news-link1,#fit-news-link2,#fit-news-link3{
    width: 2em;
    height: 0.567em;
    background-color: transparent;
    margin-left:0.517em;
    margin-top:0.517em
}

//section6_fit-contact
#fit-contact{
    background-image: url("https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/wedding-add1.png");
    background-position: center;
    background-size: cover;
    padding-bottom: 1.65em;
    .p-contact-box1{
        height: auto !important;
    }
    .p-contact-box2{
        height: auto !important;
    }
    .p-contact-box3{
        height: auto !important;
    }
}
.p-contact-box1{
    width: 5.6em;
	height: 5.667em;
	background-color: #ffffff;
	box-shadow: -0.007em 0.1em 0.41em 0.073em 
		rgba(139, 137, 137, 0.28);
    text-align: center;
    padding-bottom:0.983em;
    margin-left: 0.333em;
    margin-top:2.583em
}
.p-contact-box1-img{
    width: 1.383em;
    height: 1em;
    margin-top:1em ;
    margin-left: 2.2em
}
.fit-contact-box1-text{
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 13px;
    }
    color: #666666;
    margin-left: 0.4em;
    margin-top:0.283em
}
.fit-contact-box1-text1{
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 18px;
    }
    color: #333333;
    font-weight: bold;
    margin-top: 0.317em;
}
.fit-contact-box1-text2{
    margin-top: 0.817em
}
.p-contact-box2{
    width: 8.333em;
    height: 9.8em;
	background-color: #ffffff;
	box-shadow: -0.007em 0.1em 0.41em 0.073em 
        rgba(139, 137, 137, 0.28);
        padding-bottom: 0.95em;
        z-index: 100;
        margin-top:0.5em
}
.p-contact-box2-text{
    width: 100%;
    text-align: center ;
    .p-text-wrap{
        font-size: 13px
    }
    margin-top: 0.3em
}
.p-contact-box2-text1{
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 18px;
    }
    color: #333333;
    margin-top: 0.883em
}
.p-contact-box2-text2{
    font-family: MicrosoftYaHei;
    color: #555555;
    .p-text-wrap{
        font-size: 14px;
    }
    margin-top: 0.633em
}
.p-contact-box2-line.p-line {
    width: 6.3em;
    .p-line-wrap{
        border-top: 1px solid #e2e2e2;
    }
    margin: 0 auto
}
.p-contact-icon1{
	width: 0.5em;
	height: 0.55em;
}
.p-contact-icon2{
	width: 0.583em;
	height: 0.5em;
}
.p-contact-box2_1{
	width: 1em;
	height: 1em;
	background-color: #888888;
	border-radius: 0.5em;
	margin-left: 3em;
	margin-top: 0.667em;
	padding-bottom:0.25em;
}
.p-contact-box2_2{
	@extend .p-contact-box2_1;
    margin-left: 0.5em;
}
.p-contact-box2_1:hover,.p-contact-box2_2:hover{
	background-color: #05d6d6;
}
.p-contact-icon{
	margin:0.25em auto
}
.p-contact-box2-img{
    width: 4em;
    height: 2em;
    margin: 0.333em auto
}

.p-contact-box3{
    width: 5.6em;
    height: 5.667em;
	background-color: #ffffff;
	box-shadow: -0.007em 0.1em 0.41em 0.073em 
        rgba(139, 137, 137, 0.28);
    text-align: center;
    padding-bottom:0.983em;
    margin-top:2.583em
}
.p-contact-box3-img{
    width: 1.067em;
	height: 1em;
    margin-top: 1em;
    margin-left: 2.4em
}
.fit-contact-box3-text{
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 13px;
    }
    color: #666666;
    margin-left: 0.4em;
    margin-top:0.283em
}
.fit-contact-box3-text1{
    font-family: MicrosoftYaHei;
    .p-text-wrap{
        font-size: 18px;
    }
    color: #333333;
    font-weight: bold;
    margin-top: 0.317em;
}
.fit-contact-box3-text2{
    margin-top: 0.817em
}



.fit-foot{
    background-color: #020202;
    height: 3.133em;
}
.fit-footer-text1 ,.fit-footer-text2{
    font-family: AdobeHeitiStd-Regular;
    color: #888888;
    .p-text-wrap{
        font-size: 16px;
    }
}
.fit-footer-text1{
  @include locate(63,858 )
}
.fit-footer-text2{
    margin-top: 1.033em;
    margin-left:-2em
}








@media screen and(max-width:767px){

//mobile-section-1
#fit-head{
    padding-bottom: 3em
}
.fit-head-img-text1,.fit-head-img-text2{
    width: auto;
    .p-text-wrap{
        font-size: 30px
    }
    margin-left: 1em
}
.fit-head-line.p-line{
    margin-left: 1.2em
}
.fit-head-img-text3{
    width:auto;
    .p-text-wrap{
        font-size: 16px
    }
    line-height: 20px;
    margin:8em 1em
}
#fit-head-link.p-button{
    width: 3.5em;
    height: 1.5em;
    margin-left: 1em;
    border-radius: 1.8em;
}
//mobile-section-about 
.fit-about-text3{
    width: auto;
    margin:2em 1em
}
#fit-about-link .p-button-wrap a{
    width: 4em;
    height: 2em;
}
#fit-about-link{
    margin-left: 15em
}
//mobile-section-team
#p-body{
    #fit-team{
        .margin-team-text{
            width:100%;
            height: auto;
            .fit-team-phone-margin{
                margin-top:1.5em;
            }
            .zero-grid-row{
                .p-text{
                    color: #000000;
                }
            }

        }
    }
}
.fit-team-box-wrap{
    width: 18em;
    margin:1em auto
}
.fit-team-box{
    width: auto;
    height: auto;
}
.fit-team-box-text{
    width: auto;
    margin:1em 1em
}
.fit-team-img{
    width: 3em;
    height: 3em;
    margin-left: 1em
}

.fit-team-text-bottom2{
    width: auto
}
.fit-team-img,.fit-team-text-bottom1{
    margin-top: 1em
}
.fit-team-img2,.fit-team-text5{
    margin-top: 1em
}
.fit-team-img3,.fit-team-text7{
    margin-top: 1em
}

.fit-team-box2,.fit-team-box3{
    margin-top: 1em
}

//mobile-section-course

.fit-course-box1-text2{
    width: auto
}
.fit-course-img{
    width: 16em;
    height: 18em;
    margin: 1.5em auto
}
.fit-course-box1{
    width: 16em;
    height: 3em;
    margin-left: 2em;
    margin-top: -3em;
    position: relative;
}
.fit-course-box1:hover{
    .fit-course-box2{
        display: block
    }
    margin-top: -2.5em;
    height: 2.5em;
}
.fit-course-box2{
    width: 16em;  
    // display:none;
    .fit-course-box1-text3{
        width: 14em;
        margin: 0.4em auto;
    }
}
.fit-course-box1:hover{
    // .fit-course-box2{
    //     display: block
    // }
    margin-top: -8em;
    height: 8em;
}
.fit-course-box1-text1{
    margin-top: 1em;
    margin-left: 1em
}
.fit-course-box1-text2{
    margin-top: 0.5em;
}
.fit-course-box1-text2_1{
    margin-left: 8.5em
}
.fit-course-box1-text2_2{
    margin-left: 7.6em
}
.fit-course-box1-text2_3{
    margin-left: 9em;
}
//mobile-section-news
.fit-news-box{
    height: 25em;
}
.fit-news-box-img{
    width: 18em;
    height: 10em;
    margin:2em auto;
}
.fit-news-box-text1{
    .p-text-wrap{
        font-size: 16px
    }
    width: 100%;
    text-align: center;
    margin-left: 0; 
}
.fit-news-box-text2{
    margin-left:1em;
    margin-top: 0.5em
}
.fit-news-box-text3{
    width: auto;
    margin: 1em 1em
}
.fit-news-box2-text4,.fit-news-box3-text4{
    margin-top: 0.1em
}
#fit-news-link1,#fit-news-link2,#fit-news-link3{
    width: 3em;
    height: 1.5em;
    margin: 1em auto
}
//fit-contact

.p-contact-box{
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    text-align: center
}
.p-contact-box1{
    margin-top: 2em;
    height: auto !important;
}
.p-contact-box1-img{
    width: 4em;
    height: 2.5em;
    margin-left:8em
}
.fit-contact-box1-text{
    width: 100%;
    text-align: center;
    margin-left: 0
}
.p-contact-box2-line.p-line {
    width: 10em ;
    margin: 0 auto
}
.p-contact-box2_1{
    width: 2em;
    height: 2em;
    border-radius: 50%;
    margin-left: 7em
}
.p-contact-icon1{
    width: 1em;
    height: 1.15em;
    margin: 0.4em auto
}
.p-contact-box2_2{
    width: 2em;
    height: 2em;
    border-radius: 50%;
    margin-left: 2em
}
.p-contact-icon2{
    width: 1.2em;
    height: 1em;
    margin: 0.5em auto
}
.p-contact-box2-img{
    width: 8em;
    height: 4em
}
.fit-contact-box3-text{
    width: 100%;
    text-align: center;
    margin-left: 0
}
.fit-contact-box3-text1{
    margin-top: 0.5em
}
.p-contact-box3-img{
    width: 3em;
    height: 3em;
    margin-left:8.5em
}

}
